<template>
  <ClIconSelect
    style="width: 400px"
    v-model="val"
    v-bind="{
      placeholder: '您可以选择图标了',
      useIconMethod: 'additional',
      iconFontUrl: '//at.alicdn.com/t/c/font_4966497_p29k2604a2e.js',
      customIconList: [
        {
          type: 'blibli图标',
          list: [
            'icon-xiaojuchang',
            'icon-zhibo',
            'icon-yule',
            'icon-youxi',
            'icon-yinle',
            'icon-zhuanlan',
            'icon-yingshi',
            'icon-zixun',
            'icon-zhishi',
          ],
        },
      ],
    }"
  ></ClIconSelect>
  <ClIcon componentName="icon-yule" :size="34"></ClIcon>
</template>

<script setup>
import { ref } from 'vue'
const val = ref()
</script>
